<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>得分列表</title>
		
		<link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			.class_div_scorelist{
				width:100%;
				height:100vh;
			}
			.class_div_header{
				width: 100%;
				height:7vh;
				background-color: #000000;
			}
			.class_div_container{
			}
			.class_div_table{
				margin-top:20px;
			}
			.tr_content td,tr{
				height:50px;
				line-height:50px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="class_div_scorelist">
			<div class="class_div_header"></div>
			<div class="row class_div_container" style="margin:0px">
				<div class="col-xs-10 col-xs-offset-1">
					<div class="class_div_table">
						<div class="container">
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery-1.12.4/jquery.min.js"></script>
		<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../js/jquery-2.1.4/jquery.min.js"></script>
		<script type="text/javascript" src="../js/ip.js" ></script>
		<script type="text/javascript">
			$(document).ready(function() {
				var data = 5;
				createTable(".container", data);
			});

			function createTable(div, data) {
				let $table = $('<table class="table table-hover table-striped table-bordered"></table>');
				$("div").append($table);
				let $thead = $('<thead></thead>');
				let $trs = $('<tr><th>#</th></tr>');
				for(let i = 1; i < 15 ; i++){
					let $th = $('<th>' + '评分人' + i +'</th>');
					$trs.append($th);
				}
				$thead.append($trs);
				$table.append($thead);
				for(let i = 1; i < 10; i++) {
					let $tr = $('<tr class="tr_content"></tr>');
					$table.append($tr);
					let $td = $('<td>得分人' + i + '</td>');
					$tr.append($td);
					for(let i = 1; i < 15;i++){
						let $td1 = $('<td class="td_content">√</td>');
						$tr.append($td1);
					}
				}
				$thread = $('</table>');
			}
		</script>
	</body>
</html>
